<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!--
      <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"  href="../static/css/bootstrap.min.css" type="text/css">
   -->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
</head>
<body >

    <div class="container" style="max-width: 600px;margin-top: 50px">
        <p class="text-right"><a  href="#" th:href="@{/books/input}">新增</a></p>
        <div class="jumbotron">
           <h1>欢迎</h1>
            <p th:text="${session.user.username}"></p>
            <p ><a href="#" th:href="@{/books/1}">查看书单详情</a> </p>
        </div>
            <p class="text-right"><a  href="#" th:href="@{/logout}">注销</a></p>

<!--            <a class="text-left" href="#" th:href="@{/input}">新增</a>-->
    </div>
</body>
</html>